<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css--- （全局样式） */
	.flex {
		display: -webkit-flex;        /*  ???  */
		display: flex;           /* 设置为flex 布局*/
	}

	.flex-1 {
		flex: 1;     /*让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：*/
	}

	.flex-wrap {
		flex-wrap: wrap;    /*让弹性盒元素在必要的时候拆行：*/
	}

	.flex-row {
		display: flex;       /* 设置为flex 布局*/
		flex-direction: row;   /*元素内弹性盒元素的方向为相反的顺序：*/
	}

	.flex-col {
		display: flex;
		flex-direction: column;     /*x轴为y轴*/
	}

	.flex-x-center {
		justify-content: center;   /*居中*/
	}

	.flex-x-left {
		justify-content: flex-start;   /* 默认,开头*/
	}

	.flex-x-right {
		justify-content: flex-end;    /*尾部*/
	}

	.flex-x-between {
		justify-content: space-between;   /*项目位于各行之间留有空白的容器内*/
	}

	.flex-x-around {
		justify-content: space-around;      /*项目位于各行之前,之间,之后 都留有空白的容器内*/
	}

	.flex-y-center {
		align-items: center;    /*元素位于容器的中心*/
	}

	.flex-y-top {
		align-items: flex-start;  /*元素位于容器的开头*/
	}

	.flex-y-top {
		align-items: flex-end;    /*元素位于容器的结尾*/
	}

	.flex-center {
		display: flex;
		align-items: center;      /*元素位于容器的中心*/
		justify-content: center;     /*居中*/
	}   
	
	.ztys{
		color: #007AFF;
	}
</style>
